<%@page import="com.wed.db.assignment"%>
<%@page import="com.wed.db.ConnectDB"%>

<%@page import="com.wed.db.User_Assi"%>
<%@page import="com.wed.db.User"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome</title>
<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath}/css/datepicker.css" rel="stylesheet" />

	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/datepickr.css" />
<script src="${pageContext.request.contextPath}/js/bootstrap-datepicker.js"></script>
<!--[if lte IE 6]>
	<script type="text/javascript" src="supersleight-min.js"></script>
    <link href="css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/dataTables.colReorder.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/dataTables.colVis.css">

<style type="text/css" class="init">
</style>
<script type="text/javascript" language="javascript"
	src="${pageContext.request.contextPath}/js/jquery.js"></script>
<script type="text/javascript" language="javascript"
	src="${pageContext.request.contextPath}/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript"
	src="${pageContext.request.contextPath}/js/dataTables.colReorder.js"></script>
<script type="text/javascript" language="javascript"
	src="${pageContext.request.contextPath}/js/dataTables.colVis.js"></script>


<script type="text/javascript" language="javascript" class="init">


$(document).ready(function() {
    var table = $('#example').DataTable( {
        dom: 'RC<"clear">lfrtip',
        columnDefs: [
            { visible: false, targets: 1 }
        ]
	} );
} );


	</script>
</head>

<body>
<%String gv= request.getParameter("username");
			String themmoi = "CreateAssignment.jsp?username="+gv;
			String assignment = "CmapLecture.jsp?username="+gv;
			%>
<%int t= Integer.parseInt(request.getParameter("AssignmentID")); %>

    <%ArrayList<User> Us = new ConnectDB().getListClass();%>
    
<div id="main"><!-- Main starts here -->
<div id="header"><!-- Header starts here -->
	<img src="images/spkt.png" alt="" />
</div><!-- Header ends here -->
<div id="navigation">
<ul>
	<li><a href="#" title=""><font color="black" size="1">Xin Chào</font></a></li>
	<li><a href="#" title="" ><%=gv%></a></li>
</ul>
</div>
<div id="contentHolder"><!-- Content Holder starts here -->
<div id="content"><!-- Content starts here -->
<div id="back">


<div class="clear"></div>

<div id="leftpart">
	<div class="container">
  
    <h1>Menu</h1>
    <ul>
    	<li><a href="<%=themmoi %>">Tạo Bài Tập</a></li>
        <li><a href="<%=assignment %>">Xem Bài Tập</a></li>
         <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
    <div class="button"><input type="button"onclick="location.href='DangNhap.jsp'" value="Thoat" class="learnmore" /></div>
    </div>
</div>

<div id="middlepart">
	<form action="InsertUserAssServlet" method="post">
<table id="abc" class="display" cellspacing="15px" width="20px">
			<tr>
				<th colspan="2" scope="col">Create ConceptMap</th>
			</tr>
			<tr>
			<tr>
				<td width="131">User</td>
				<td width="225"><label for="username" ></label> <input
					type="text" name="username" id="username" value="<%=gv%>"readonly="readonly"/></td>
			</tr>
			<tr>
				<td width="131">Assignment ID</td>
				<td width="225"><label for="assignmentId"></label> <input
					type="text" name="AssignmentID" id="AssignmentName" value="<%=t%>"readonly="readonly"/></td>
			</tr>
			<tr>
				<td width="131">CmapName</td>
				
                            <td width="225"><label for="CmapName"></label> 

					 	<table id="example" class="display" cellspacing="0" width="100%">

				<thead>
					<tr >
					<td width="5%" height="26" bgcolor="#CC6600"></td>

						
						<td width="10%" bgcolor="#CC6600">ClassID</td>
					
					
					</tr>
				</thead>
				<tbody>
				
                               <%
				 for(User u : Us){
					
				 
				%><tr>
					<td><input type="checkbox" name="classId" value="<%=u.getClassID() %>"/></td>

						<td><%=u.getClassID()%></td>
					
						

					</tr>
					<%} %>

				</tbody>
			</table>
                             
                        

                          </td>
			</tr>
		<tr>
				<td width="161">Date Give</td>
				<td width="225"><label for="DeadLine"></label> 
				
		<input id=datepick size="50"name="DateGive" />
		
		<hr />
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/datepickr.min.js"></script>
		<script type="text/javascript">
			new datepickr('datepick');	
			
		</script>
				</td>

			</tr>
			<tr>
				<td><div align="right"></div></td>
				<td><input type="submit" name="Submit" value="Save"
					/> <input type="reset" name="Submit2"
					value="Cancel" /></td>
			</tr>
		</table>
</form>

			
</div>



<div class="clear"></div>
<!--<div class="bottomImg"><img src="images/bottomBg.png" alt="" /></div>-->
</div>
</div><!-- Content ends here -->
</div><!-- Content Holder ends here -->
<div class="bottomImg"><img src="images/02.png" alt="" /></div>



<div id="footer"><!-- Footer starts here -->
<div lang="copy">Copyright 2010 Your Company Name</div>
<div class="design"><a href="http://studio7designs.com/portfolio/">Designed by STUDIO7DESIGNS</a></div>
<div class="clear"></div>
</div><!-- Footer ends here -->
</div><!-- Main ends here -->
</body>
</html>
